import React, {useEffect} from 'react';
import {View,} from '@tarojs/components';
import {Field, Input, Tag} from "@taroify/core"

import styles from './index.module.scss';

const Index: React.FC = () => {


    useEffect(() => {
        load();
    }, []);

    const load = async () => {


    };


    return (
        <View className={styles.page}>
            <View className={styles.page_head}>
                <Field label="收货人">
                    <Input placeholder={'您的姓名'}/>
                </Field>
                <Field label="手机号">
                    <Input placeholder={'联系您的手机号'}/>
                </Field>
                <Field label="地区">
                    <Input placeholder={'省/市/区'}/>
                </Field>
                <Field label="详细地址">
                    <Input placeholder={'门牌号等(例如:10栋1001号)'}/>
                </Field>
            </View>
            <View className={styles.page_body}>
                <Field label="标签">
                    <Tag>家</Tag>
                    <Tag>公司</Tag>
                </Field>
            </View>
            <View className={styles.page_foot}>
                <View className={styles.page_foot_left}>
                    设置为默认收货地址
                </View>
                <View className={styles.page_foot}>

                </View>
            </View>
            <View className={styles.page_button}>
                保存
            </View>
        </View>
    );
};

export default Index;
